// +----------------------------------------------------------------------
// | 表单提交页面通用表单监听（如有特殊需求可参照此文件写一个单独的js文件，如:sys_config.js）
// +----------------------------------------------------------------------
$(function(){
    layui.use(['layer','form', 'table'], function(){
        var form = layui.form;
        var layer = layui.layer;
        var table = layui.table;

          table.render({
             elem: '#usermsg'
             // ,height: 400
             ,url: '/Xchain' //数据接口
             ,id: "button_phone"
             ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                ,groups: 5 //只显示 1 个连续页码
                ,first: false //不显示首页
                ,last: false //不显示尾页
              }
              ,limit:10 //每页默认显示数
              ,limits:[5,10,20,50,100]
             ,cols: [[ //表头
               {field: 'id', title: 'ID', width:70, sort: true, fixed: 'left'}
               ,{field: 'titles', title: '网站名称'}
               ,{field: 'urls', title: '链接'}
               ,{field: 'create_time', title: '添加时间'}
               ,{fixed: 'right', title:'编辑', width:178, align:'center', toolbar: '#barDemo'}

            ]]
            
          });

          
          //监听工具条  删除 修改功能
          table.on('tool(userlist)', function(obj)
          {
            var data = obj.data;
            if(obj.event === 'edit')
            {
              //默认赋值
              form.val('example',{
                    'id':data.id,
                    'titles':data.titles,
                    'urls':data.urls,        
              })

                  //编辑弹窗
                  layer.open({
                      type: 1,
                      title: '编辑用户',
                      shadeClose: true,
                      shade: 0.8,
                      area: ['35%', '70%'],
                      content: $('.update-form'),
                      cancel: function (index, layero) {
                          if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
                              layer.close(index)
                          }
                        return false;
                      }
                  });

            }
            else if(obj.event === 'del')
            {
              if(confirm('删除后将无法恢复 确定要删除吗？')){ //只有当点击confirm框的确定时，该层才会关闭
                  $.get('/XchainDel', {id:data.id},function(objs){
                      //根据返回结果作出相应处理
                      if (objs.code == 200) 
                      {
                          layer.msg(objs.status+':'+objs.msg,{time:1000,icon:1}) 
                          obj.del();
                      } else if(objs.code == 400){
                           layer.msg(objs.status+':'+objs.msg)
                      }
                  },'json');
                  
              }
            }
        });

        //修改用户  监听提交
        form.on('submit(updateDemo)', function(data){
            var action = data.form.action;//表单提交URL地址
            // alert(JSON.stringify(data.field))
            $.post(action,data.field,function(obj){
                //根据返回结果作出相应处理
                    if (obj.code == 200) 
                    {
                        layer.msg(obj.status+':'+obj.msg,{time:1000,icon:1}, function(){
                            layer.close('edit');
                            location.href = location.href;
                          }) 
                    } else {
                         layer.msg(obj.status+':'+obj.msg)
                    } 
            },'json');
            return false;//注释掉这行代码后，表单将会以普通方式提交表单，否则以ajax方式提交表单
                
        });

        //添加弹窗
        $(".add-dailog").click(function () {

          index = layer.open({
              type: 1,
              title: '新增用户',
              shadeClose: true,
              shade: 0.8,
              area: ['35%', '70%'],
              content: $('.add-form'),
              cancel: function (index, layero) {
                  if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
                      layer.close(index)
                  }
                return false;
              }
            });
          });

        //添加用户 监听提交
        form.on('submit(formDemo)', function(data){
            var action = data.form.action;//表单提交URL地址
            var pswd = $('#password').val();
            var pswd2 = $('#password2').val();
            // console.log(action);
            if (pswd == pswd2) 
            {
               $.post(action,data.field,function(obj){
                    //根据返回结果作出相应处理
                    if (obj.code == 200) 
                    {
                        layer.msg(obj.status+':'+obj.msg,{time:1000,icon:1}, function(){
                            layer.close('index');
                            location.href = location.href;
                          }) 
                    } else if(obj.code == 400 || 401){
                         layer.msg(obj.status+':'+obj.msg)
                    }
                },'json');
                return false;//注释掉这行代码后，表单将会以普通方式提交表单，否则以ajax方式提交表单
            } else {
                layer.msg('密码不一致');
                return false;
            }
                
        });


  });

    //点击刷新页面
    $(".layui-refresh").click(function () {
         location.href = location.href;
    });
})
